<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>手动录入身份证号信息</title>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="./newstyle/css/style.css"/>
    <script src="./newstyle/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300) 
        })
    </script>  
     <script type="text/javascript">
        //身份证号合法性验证
        //支持15位和18位身份证号
        //支持地址编码、出生日期、校验位验证
         function IdentityCodeValid() {
            //取到输入的值

            var idcard=document.getElementById("idcard").value;

            var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
            var tip = "";
            var pass= true;

            if(!idcard || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(idcard)){
                tip = "身份证号格式错误";
                document.getElementById("idcard_img").src="icon/no.png";
                document.getElementById("idcard_img").value=0;
                pass = false;
            }

           else if(!city[idcard.substr(0,2)]){
                tip = "地址编码错误";
                document.getElementById("idcard_img").src="icon/no.png";
                document.getElementById("idcard_img").value=0;
                pass = false;
            }
            else{
                //18位身份证需要验证最后一位校验位
                if(idcard.length == 18){
                    idcard = idcard.split('');
                    //∑(ai×Wi)(mod 11)
                    //加权因子
                    var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
                    //校验位
                    var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
                    var sum = 0;
                    var ai = 0;
                    var wi = 0;
                    for (var i = 0; i < 17; i++)
                    {
                        ai = idcard[i];
                        wi = factor[i];
                        sum += ai * wi;
                    }
                    var last = parity[sum % 11];
                    if(parity[sum % 11] != idcard[17]){
                        tip = "校验位错误";
                        document.getElementById("idcard_img").src="icon/no.png";
                        document.getElementById("idcard_img").value=0;
                        pass =false;
                    }
                }
                document.getElementById("idcard_img").src="icon/yes.png";
                document.getElementById("idcard_img").value=1;
            }
            //if(!pass) alert(tip);
            return pass;
        }
         
         //点击完成时检查身份证是否验证通过
         function submit(){
            //获取到页面输入的卡号
             var idcard=document.getElementById("idcard").value;
             alert(idcard);
            //获取图片的value值
            var val=document.getElementById("idcard_img").value;
            if(val==1){
                alert("可以提交");
                manualInputIdcard.toFatherActivity(idcard);//调用安卓方法进行跳转
            }else{
                alert("不能提交");
                return false;
            }
         }
    </script>
        <!--loading页开始-->
    <div class="loading">
        <div class="loader">
            <div class="loader-inner pacman">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>
        </div>
    </div>
    <!--loading页结束-->
<body> 
    
    <!--loading页结束-->
    <header class="top-header fixed-header">
            <a class="icona" href="javascript:history.go(-1)">
                    <!-- <img src="./newstyle/images/left.png"/> -->
            </a>
            <h3>手动录入身份证号</h3>
            <a class="iconb" href="#">
            </a>
    </header>
<div class="login">
    <br/><br/><br/><br/>
        <form action="" method="post"> 
            <ul>
                <li> 
                    <input type="text" id="idcard" placeholder="请输入身份证号" onblur="IdentityCodeValid()">
                    <input type="image" id="idcard_img" value="0" src="icon\bt.png"  style='display:none;'/>
                    <div id="add"></div>
                </li> 
            </ul>
        </form>
            <input type="button" class='gobuy-btn'  onclick="submit()" value="完成"/> 
    </div>

</body>
</html>
  